<template>
  <div class="dialog">
    <el-dialog :title="title" :visible.sync="visible" :close-on-click-modal="false" width="65%" top="20vh">
      <el-form :model="createForm" style="padding-right: 20px;" label-width="120px" label-suffix=":"
        ref="createForm">
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="调度名称" prop="applyName">
              <el-input v-model.trim="createForm.applyName" placeholder="请输入调度名称" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="调度门店" prop="storeName">
              <el-input v-model.trim="createForm.storeName" placeholder="" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="调度时间" prop="time">
              <el-date-picker v-model="createForm.time" size="small" type="daterange" value-format="yyyy-MM-dd"
                unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                style="width: 100%;" readonly>
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="技能名称" prop="skillTypeName">
              <el-input v-model.trim="createForm.skillTypeName" placeholder="" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="被调度门店" prop="storeConfirmName">
              <el-input v-model.trim="createForm.storeConfirmName" placeholder="" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="调度技师" prop="empName">
              <el-input v-model.trim="createForm.empName" placeholder="" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="调度说明" prop="applyRemark">
              <el-input v-model.trim="createForm.applyRemark" placeholder="请输入调度说明" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="closeNetWorker()">关 闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>

export default {
  name: "TechnicianApprovalDialog",
  data() {
    return {
      title: "",
      visible: false,
      createForm: {}
    }
  },
  created() { },
  mounted() { },
  methods: {
    edit(val) {
      this.title = "详情";
      this.createForm = Object.assign({}, val);
      this.visible = true;
      this.createForm.time = [];
      this.createForm.time[0] = this.createForm.dispatchStartTime;
      this.createForm.time[1] = this.createForm.dispatchEndTime;
    },
    closeNetWorker() {
      this.createForm = {};
      this.visible = false;
    }
  }
};
</script>
<style scoped lang="less">
</style>
